제이쿼리(jquery)를 사용해
사용자 속성에 접근해 값을 불러오려면 어떻게 해야할까요? 예를 들어 아래와 같은 속성이 있다고 할 경우...
<body>
<img data-picnum="1" class="pic" src="/test1.jpg" />
<img data-picnum="2" class="pic" src="/test2.jpg" />
<img data-picnum="3" class="pic" src="/test3.jpg" />
</body>
위와 같이 사용자 속성인 data-picnum이 존재합니다. 그렇다면 이 값이 1인 요소를 선택하려면 어떻게 해야 할까요?
<script type="text/javascript">
$("img[data-picnum='1']").css('display','none');
</script>
위와같이 중괄호를 이용하여 쉽게 사용자 속성에 접근이 가능합니다. 이 방법은 CSS의 사용자 속성 접근 방법과 동일합니다.